<template>
  <div class="base-chart">
    <chart :options="option"></chart>
  </div>
</template>
<script>
import Chart from "vue-echarts";
import "echarts/lib/component/legend";
import "echarts/lib/component/title";
import "echarts/lib/component/tooltip";
import "echarts/lib/chart/pie";
export default {
  props: {
    option: {
      type: Object,
      required: true,
    },
  },
  components: {
    Chart,
  },
};
</script>
<style lang="less" scoped>
.base-chart {
  width: 500px;
  height: 400px;
  .echarts {
    width: 100%;
    height: 100%;
  }
}
</style>